<template>
  <div class="a4-paper">
    <el-form :model="mrInBaisc" label-width="150px" size="small">
      <center><h2 >医疗机构 {{mrInBaisc.organization}}（组织代码：{{mrInBaisc.organizationId}}）</h2></center>
      <center> <h2>住院病案首页</h2></center>
      <el-form-item label="医疗付款方式：" prop="medicalPayment">
<!--        <input v-model="mrInBaisc.medicalPayment" class="shuru"/>-->
        <el-select v-model="mrInBaisc.medicalPayment" filterable clearable class="shuru" style="width: 160px;" >
          <el-option v-for="dict in sys_payment" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
        </el-select>
      </el-form-item><br>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
        <el-form-item label="健康卡号：" prop="healthCard">
          <input v-model="mrInBaisc.healthCard" class="shuru"/>
        </el-form-item>
        <center><h2>第{{mrInBaisc.inNumber}}次住院</h2></center>
        <h2>病案号：{{mrInBaisc.mrOutBasicMrId}}</h2>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;">
        <el-form-item label="姓名" prop="healthCard" label-width="40px">
          <input v-model="mrInBaisc.name" class="shuru"/>
        </el-form-item>
        <el-form-item label="性别" prop="sex" label-width="40px">
<!--          <input v-model="mrInBaisc.sex" class="shuru" style="width: 20px;"/>-->
          <el-select v-model="mrInBaisc.sex" filterable clearable class="shuru" style="width: 60px;" >
            <el-option v-for="dict in sys_user_sex" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="出生日期" prop="healthCard" clearable label-width="60px">
<!--          <input v-model="mrInBaisc.birthday" class="shuru" style="width: 130px;"/>-->
          <el-date-picker v-model="mrInBaisc.birthday" type="date" value-format="YYYY-MM-DD" class="shuru" style="width: 130px;" />
        </el-form-item>
        <el-form-item label="年龄" prop="healthCard" label-width="40px">
          <input v-model="mrInBaisc.ageYear" class="shuru" style="width: 20px;"/>岁
        </el-form-item>
        <el-form-item label="国籍" prop="healthCard" label-width="40px">
<!--          <input v-model="mrInBaisc.nationality" class="shuru"/>-->
          <el-select v-model="mrInBaisc.nationality" filterable clearable class="shuru" style="width: 140px;" >
            <el-option v-for="dict in sys_country" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
        <el-form-item label="（年龄不足1周岁的）年龄" prop="healthCard" label-width="160px">
          <input v-model="mrInBaisc.ageDay" class="shuru"/>天
        </el-form-item>
        <el-form-item label="新生儿出生体重" prop="healthCard">
          <input v-model="mrInBaisc.weight" class="shuru"/>克
        </el-form-item>
        <el-form-item label="新生儿入院体重" prop="healthCard">
          <input v-model="mrInBaisc.InWeight" class="shuru"/>克
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
        <el-form-item label="出生地" prop="healthCard" label-width="50px">
<!--          <input v-model="mrInBaisc.birthPlace" class="shuru" style="width: 250px"/>-->
          <el-select v-model="mrInBaisc.birthPlace" filterable clearable class="shuru" style="width: 250px;" >
            <el-option v-for="dict in sys_region" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="籍贯" prop="healthCard" label-width="50px">
<!--          <input v-model="mrInBaisc.nativePlace" class="shuru" style="width: 150px"/>-->
          <el-select v-model="mrInBaisc.nativePlace" filterable clearable class="shuru" style="width: 200px;" >
            <el-option v-for="dict in sys_region" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="民族" prop="healthCard" label-width="50px">
<!--          <input v-model="mrInBaisc.nation" class="shuru"/>-->
          <el-select v-model="mrInBaisc.nation" filterable clearable class="shuru" style="width: 100px;" >
            <el-option v-for="dict in sys_nation" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
        <el-form-item label="身份证号" prop="healthCard" label-width="60px">
          <input v-model="mrInBaisc.idCard" class="shuru" style="width: 150px"/>
        </el-form-item>
        <el-form-item label="职业" prop="occupation" label-width="50px">
<!--          <input v-model="mrInBaisc.occupation" class="shuru" style="width: 100px"/>-->
          <el-select v-model="mrInBaisc.occupation" filterable clearable class="shuru" style="width: 100px;" >
            <el-option v-for="dict in sys_occupation" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="婚姻" prop="healthCard" label-width="50px">
<!--          <input v-model="mrInBaisc.marriage" class="shuru"/>-->
          <el-select v-model="mrInBaisc.marriage" filterable clearable class="shuru" style="width: 60px;" >
            <el-option v-for="dict in sys_marriage" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
        <el-form-item label="现住址" prop="healthCard" label-width="50px">
          <input v-model="mrInBaisc.address" class="shuru" style="width: 200px"/>
        </el-form-item>
        <el-form-item label="电话" prop="healthCard" label-width="50px">
          <input v-model="mrInBaisc.addrTelephone" class="shuru" style="width: 100px"/>
        </el-form-item>
        <el-form-item label="邮编" prop="healthCard" label-width="50px">
          <input v-model="mrInBaisc.addrPostcode" class="shuru" style="width: 120px"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr;">
        <el-form-item label="户口地址" prop="healthCard" label-width="60px">
          <input v-model="mrInBaisc.registerPlace" class="shuru" style="width: 400px"/>
        </el-form-item>
        <el-form-item label="邮编" prop="healthCard" label-width="50px">
          <input v-model="mrInBaisc.registerPostcode" class="shuru" style="width: 120px"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
        <el-form-item label="工作单位及地址" prop="healthCard" label-width="100px">
          <input v-model="mrInBaisc.workUnit" class="shuru" style="width: 200px"/>
        </el-form-item>
        <el-form-item label="单位电话" prop="healthCard" label-width="60px">
          <input v-model="mrInBaisc.unitTelephone" class="shuru" style="width: 100px"/>
        </el-form-item>
        <el-form-item label="邮编" prop="healthCard" label-width="50px">
          <input v-model="mrInBaisc.unitPostcode" class="shuru" style="width: 120px"/>
        </el-form-item>
      </div>
    <div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;">
      <el-form-item label="联系人姓名" prop="healthCard" label-width="75px">
        <input v-model="mrInBaisc.linkman" class="shuru" style="width: 80px"/>
      </el-form-item>
      <el-form-item label="关系" prop="healthCard" label-width="40px">
<!--        <input v-model="mrInBaisc.relationship" class="shuru" style="width: 60px"/>-->
        <el-select v-model="mrInBaisc.relationship" filterable clearable class="shuru" style="width: 140px;" >
          <el-option v-for="dict in sys_guanxi" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="地址" prop="healthCard" label-width="50px">
        <input v-model="mrInBaisc.linkmanAddr" class="shuru" style="width: 200px"/>
      </el-form-item>
      <el-form-item label="电话" prop="healthCard" label-width="40px">
        <input v-model="mrInBaisc.linkmanTele" class="shuru" style="width: 100px"/>
      </el-form-item>
    </div>
      <div style="display: grid; grid-template-columns: 1fr;">
        <el-form-item label="入院途径" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.inWay" class="shuru"/>-->
          <el-select v-model="mrInBaisc.inWay" class="shuru" clearable style="width: 140px;" >
            <el-option v-for="dict in sys_in_hospital" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;">
        <el-form-item label="入院时间" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.inTime" class="shuru" style="width: 130px;"/>-->
          <el-date-picker v-model="mrInBaisc.inTime" type="datetime" class="shuru" style="width: 140px;" />
        </el-form-item>
        <el-form-item label="入院科别" prop="healthCard" label-width="60px">
          <input v-model="mrInBaisc.inDepa" class="shuru" style="width: 100px;"/>
        </el-form-item>
        <el-form-item label="病房" prop="healthCard" label-width="50px">
<!--          <input v-model="mrInBaisc.inDepaId" class="shuru" style="width: 60px;"/>-->
          -
        </el-form-item>
        <el-form-item label="转科科别" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.inDepa" class="shuru" style="width: 60px;"/>-->
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;">
        <el-form-item label="出院时间" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.outTime" class="shuru" style="width: 130px;"/>-->
          <el-date-picker v-model="mrInBaisc.outTime" type="datetime" class="shuru" style="width: 140px;" />
        </el-form-item>
        <el-form-item label="出院科别" prop="healthCard" label-width="60px">
          <input v-model="mrInBaisc.outDepa" class="shuru" style="width: 100px;"/>
        </el-form-item>
        <el-form-item label="病房" prop="healthCard" label-width="50px">
<!--          <input v-model="mrInBaisc.outDepaId" class="shuru" style="width: 60px;"/>-->
          -
        </el-form-item>
        <el-form-item label="实际住院" prop="healthCard" label-width="60px">
          <input v-model="mrInBaisc.hod" class="shuru"/>天
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr;">
        <el-form-item label="门（急）诊诊断" prop="healthCard" label-width="100px">
          <input v-model="mrInDiagnoss.diagnoss" class="shuru" style="width: 400px;"/>
        </el-form-item>
        <el-form-item label="疾病编码" prop="healthCard" label-width="60px">
          <input v-model="mrInDiagnoss.diagCode" class="shuru" style="width: 180px;"/>
        </el-form-item>
      </div>
      <div>
        <el-table v-loading="loading" :data="mrInDiagnosss">
          <el-table-column label="诊断类型"  align="center" prop="diagType">
            <template #default="scope">
              <dict-tag :options="sys_diag_type" :value="scope.row.diagType" />
            </template>
          </el-table-column>
          <el-table-column label="疾病诊断名称"  align="center" prop="diagnoss"/>
          <el-table-column label="疾病编码"  align="center" prop="diagCode"/>
          <el-table-column label="入院病情"  align="center" prop="status"/>
          <el-table-column label="治疗结果"  align="center" prop="treatmentResults"/>
          <el-table-column label="诊治"  align="center" prop="diagTreatment"/>
        </el-table>
      </div>
<!--      <div style="display: grid; grid-template-columns: 1fr 1fr;">-->
<!--        <el-form-item label="入院病情 1.有 2.临床未确定 3.情况不明 4.无" prop="healthCard" label-width="250px">-->
<!--        </el-form-item>-->
<!--        <el-form-item label="出院情况 1.治愈 2.好转 3.未愈 4.死亡 5.其他" prop="healthCard" label-width="250px">-->
<!--        </el-form-item>-->
<!--      </div>-->
      <div style="display: grid; grid-template-columns: 1fr 1fr;">
        <el-form-item label="损伤、中毒的外部原因" prop="healthCard" label-width="140px">
<!--          <input v-model="mrInDiagnoss.case" class="shuru" style="width: 400px;"/>-->
        </el-form-item>
        <el-form-item label="疾病编码" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInDiagnoss.diagCode" class="shuru" style="width: 150px;"/>-->
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
        <el-form-item label="病理诊断" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInDiagnoss.case" class="shuru" style="width: 400px;"/>-->
        </el-form-item>
        <el-form-item label="病理编码" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInDiagnoss.diagCode" class="shuru" style="width: 150px;"/>-->
        </el-form-item>
        <el-form-item label="病理号" prop="healthCard" label-width="60px">
          <!--          <input v-model="mrInDiagnoss.diagCode" class="shuru" style="width: 150px;"/>-->
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
        <el-form-item label="药物过敏" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInDiagnoss.case" class="shuru" style="width: 400px;"/>-->
        </el-form-item>
        <el-form-item label="过敏药物" prop="healthCard" label-width="60px">
          <!--          <input v-model="mrInDiagnoss.diagCode" class="shuru" style="width: 150px;"/>-->
        </el-form-item>
        <el-form-item label="死亡患者尸检" prop="healthCard" label-width="100px">
          <!--          <input v-model="mrInDiagnoss.diagCode" class="shuru" style="width: 150px;"/>-->
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr;">
        <el-form-item label="血型" prop="healthCard" label-width="40px">
            <input v-model="mrInBaisc.abo" class="shuru" style="width: 100px;"/>
        </el-form-item>
        <el-form-item label="Rh" prop="healthCard" label-width="40px">
            <input v-model="mrInBaisc.rh" class="shuru" style="width: 100px;"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;">
        <el-form-item label="科主任" prop="healthCard" label-width="50px">
<!--          <input v-model="mrInBaisc.abo" class="shuru" style="width: 40px;"/>-->
        </el-form-item>
        <el-form-item label="主任（副主任）医师" prop="healthCard" label-width="120px">
<!--          <input v-model="mrInBaisc.rh" class="shuru" style="width: 40px;"/>-->
        </el-form-item>
        <el-form-item label="主治医师" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.rh" class="shuru" style="width: 40px;"/>-->
        </el-form-item>
        <el-form-item label="住院医师" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.rh" class="shuru" style="width: 40px;"/>-->
        </el-form-item>
        <el-form-item label="责任护士" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.rh" class="shuru" style="width: 40px;"/>-->
        </el-form-item>
        <el-form-item label="进修医师" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.rh" class="shuru" style="width: 40px;"/>-->
        </el-form-item>
        <el-form-item label="实习医师" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.rh" class="shuru" style="width: 40px;"/>-->
        </el-form-item>
        <el-form-item label="编码员" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.rh" class="shuru" style="width: 40px;"/>-->
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;">
        <el-form-item label="病案质量" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.abo" class="shuru" style="width: 40px;"/>-->
        </el-form-item>
        <el-form-item label="质控医师" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.rh" class="shuru" style="width: 40px;"/>-->
        </el-form-item>
        <el-form-item label="质控护士" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.rh" class="shuru" style="width: 40px;"/>-->
        </el-form-item>
        <el-form-item label="质控日期" prop="healthCard" label-width="60px">
<!--          <input v-model="mrInBaisc.rh" class="shuru" style="width: 130px;"/>-->
        </el-form-item>
      </div>
      <div>
        <el-table v-loading="loading" :data="mrInOperations">
          <el-table-column label="手术及操作编码"  align="center" prop="opsCode"/>
          <el-table-column label="手术及操作日期"  align="center" prop="opsStart"/>
          <el-table-column label="手术级别"  align="center" prop="opsLevel"/>
          <el-table-column label="手术及操作名称"  align="center" prop="operation"/>
          <el-table-column label="手术及操作医师(术者)"  align="center" prop="operator"/>
          <el-table-column label="手术及操作医师(I助)"  align="center" prop="assistant1"/>
          <el-table-column label="手术及操作医师(II助)"  align="center" prop="assistant2"/>
          <el-table-column label="切口愈合等级"  align="center" prop="incisionHealing"/>
          <el-table-column label="麻醉方式"  align="center" prop=""/>
          <el-table-column label="麻醉医师"  align="center" prop=""/>
        </el-table>
      </div>
      <div>
        <el-form-item label="离院方式" prop="healthCard" label-width="60px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 400px;"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;">
        <el-form-item label="是否有出院 31 天内再住院计划" prop="healthCard" label-width="180px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 40px;"/>
        </el-form-item>
        <el-form-item label="目的" prop="healthCard" label-width="60px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 300px;"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;">
        <el-form-item label="颅脑损伤患者昏迷时间 入院前" prop="healthCard" label-width="180px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 130px;"/>
        </el-form-item>
        <el-form-item label="入院后" prop="healthCard" label-width="60px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 130px;"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr;">
        <el-form-item label="住院费用（元）：总费用" prop="healthCard" label-width="150px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 200px;"/>
        </el-form-item>
        <el-form-item label="（ 自付金额：" prop="healthCard" label-width="90px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 200px;"/> ）
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
        <el-form-item label="1.综合医疗服务类：（1）一般医疗服务费：" prop="healthCard" label-width="250px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="（2）一般治疗操作费：" prop="healthCard" label-width="140px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="（3）护理费：" prop="healthCard" label-width="100px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="（4）其他费用：" prop="healthCard" label-width="110px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
        <el-form-item label="2.诊断类：（5）病理诊断费：" prop="healthCard" label-width="180px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="（6）实验室诊断费：" prop="healthCard" label-width="140px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="（7）影像学诊断费：" prop="healthCard" label-width="140px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="（8）临床诊断项目费：" prop="healthCard" label-width="140px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr;">
        <el-form-item label="3.治疗类：（9）非手术治疗项目费：" prop="healthCard" label-width="220px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 140px;"/>
        </el-form-item>
        <el-form-item label="（临床物理治疗费：" prop="healthCard" label-width="120px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 140px;"/>）
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
        <el-form-item label="（10）手术治疗费：" prop="healthCard" label-width="130px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 100px;"/>
        </el-form-item>
        <el-form-item label="（麻醉费：" prop="healthCard" label-width="80px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 100px;"/>
        </el-form-item>
        <el-form-item label="手术费：" prop="healthCard" label-width="60px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 100px;"/>）
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr;">
        <el-form-item label="4.康复类：（11）康复费：" prop="healthCard" label-width="160px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 140px;"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr;">
        <el-form-item label="5.中医类：（12）中医治疗费：" prop="healthCard" label-width="180px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 140px;"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr;">
        <el-form-item label="6.西药类：（13）西药费：" prop="healthCard" label-width="160px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 100px;"/>
        </el-form-item>
        <el-form-item label="（抗菌药物费用：" prop="healthCard" label-width="120px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 100px;"/>）
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr;">
        <el-form-item label="7.中药类：（14）中成药费：" prop="healthCard" label-width="170px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 100px;"/>
        </el-form-item>
        <el-form-item label="（15）中草药费：" prop="healthCard" label-width="120px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 100px;"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
        <el-form-item label="8.血液和血液制品类：（16）血费：" prop="healthCard" label-width="210px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="（17）白蛋白类制品费：" prop="healthCard" label-width="150px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="（18）球蛋白类制品费：" prop="healthCard" label-width="150px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="（19）凝血因子类制品费：" prop="healthCard" label-width="160px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="（20）细胞因子类制品费：" prop="healthCard" label-width="160px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr;">
        <el-form-item label="9.耗材类：（21）检查用一次性医用材料费：" prop="healthCard" label-width="260px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="（22）治疗用一次性医用材料费：" prop="healthCard" label-width="200px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="（23）手术用一次性医用材料费：" prop="healthCard" label-width="200px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr;">
        <el-form-item label="10.其他类：（24）其他费：" prop="healthCard" label-width="180px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr;">
        <el-form-item label="主要诊断治愈好转情况：" prop="healthCard" label-width="160px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="诊断符合情况：" prop="healthCard" label-width="100px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
        <el-form-item label="临床路径管理：" prop="healthCard" label-width="100px">
          <input v-model="mrInBaisc.abo" class="shuru" style="width: 80px;"/>
        </el-form-item>
      </div>
<!--      <div>-->
<!--        <h2>说明：（一）医疗付费方式 1.城镇职工基本医疗保险 2.城镇居民基本医疗保险 3.新型农村合作医疗 4.贫困救助 5.-->
<!--          商业医疗保险 6.全公费 7.全自费 8.其他社会保险 9.其他</h2>-->
<!--        <h2>（二）凡可由医院信息系统提供住院费用清单的，住院病案首页中可不填写“住院费用”。</h2>-->
<!--      </div>-->
    </el-form>
    <el-form :model="mrInRecord" label-width="100px">
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
        <el-form-item label="住院科室名称：" prop="depaName" label-width="120px">
          {{ mrInRecord.depaName }}
        </el-form-item>
        <el-form-item label="入院时间：" prop="inTime" label-width="90px">
<!--          {{mrInRecord.inTime}}-->
          <el-date-picker v-model="mrInRecord.inTime" type="datetime" class="shuru" style="width: 150px;" />
        </el-form-item>
        <el-form-item label="记录时间：" prop="recordTime" label-width="90px">
<!--          {{mrInRecord.recordTime}}-->
          <el-date-picker v-model="mrInRecord.recordTime" type="datetime" class="shuru" style="width: 150px;" />
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;">
        <el-form-item label="病情陈述者：" prop="representor" label-width="110px">
          {{ mrInRecord.representor }}
        </el-form-item>
        <el-form-item label="亲属关系：" prop="relationship" label-width="90px">
          {{mrInRecord.relationship}}
        </el-form-item>
        <el-form-item label="电话：" prop="telephone" label-width="90px">
          {{mrInRecord.telephone}}
        </el-form-item>
        <el-form-item label="地址：" prop="address" label-width="90px">
          {{mrInRecord.address}}
        </el-form-item>
        <el-form-item label="可靠程度：" prop="reliability" label-width="90px">
          {{mrInRecord.reliability}}
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr;">
        <el-form-item label="主诉：" prop="chiefComplaints" label-width="90px">
          {{mrInRecord.chiefComplaints}}
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr;">
        <el-form-item label="现病史：" prop="illnessHistory" label-width="90px">
          {{mrInRecord.illnessHistory}}
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr;">
        <el-form-item label="既往史：" prop="pastHistory" label-width="90px">
          {{mrInRecord.pastHistory}}
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr;">
        <el-form-item label="个人史：" prop="personalHistory" label-width="90px">
          {{mrInRecord.personalHistory}}
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr;">
        <el-form-item label="婚姻史：" prop="maritalHistory" label-width="90px">
          {{mrInRecord.maritalHistory}}
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr;">
        <el-form-item label="家族史：" prop="familyHistory" label-width="90px">
          {{mrInRecord.familyHistory}}
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr;">
        <el-form-item label="体格检查：" prop="medicalExamination" label-width="90px">
          {{mrInRecord.medicalExamination}}
        </el-form-item>
      </div>
      <div style="display: grid; grid-template-columns: 1fr;">
        <el-form-item label="辅助检查：" prop="accessoryExamination" label-width="90px">
          {{mrInRecord.accessoryExamination}}
        </el-form-item>
      </div>
    </el-form>
  </div>
  <div class="app-container">
    <center><h2>住院医嘱数据</h2></center>
    <el-table v-loading="loading" :data="mrInOrders">
      <el-table-column label="医嘱号"  align="center" prop="orderNo"/>
      <el-table-column label="医嘱名称"  align="center" prop="orderName"/>
      <el-table-column label="下达科室"  align="center" prop="orderDepa"/>
      <el-table-column label="下达医师"  align="center" prop="orderDoctor"/>
      <el-table-column label="医嘱下达时间"  align="center" prop="orderTime"/>
      <el-table-column label="执行科室"  align="center" prop="implementDepa"/>
      <el-table-column label="执行人"  align="center" prop="executor"/>
      <el-table-column label="审核人"  align="center" prop="checked"/>
      <el-table-column label="医嘱组号"  align="center" prop="orderGrouping"/>
      <el-table-column label="医嘱类别"  align="center" prop="orderType"/>
      <el-table-column label="医嘱项目分类字典表"  align="center" prop="orderClassification"/>
      <el-table-column label="医嘱明细代码"  align="center" prop="orderCode"/>
      <el-table-column label="药物类型"  align="center" prop="drugType"/>
      <el-table-column label="药物剂型"  align="center" prop="drugDosageform"/>
      <el-table-column label="药品规格"  align="center" prop="drugSpecifications"/>
      <el-table-column label="数量"  align="center" prop="drugNumber"/>
      <el-table-column label="药物使用频率"  align="center" prop="drugFrequency"/>
      <el-table-column label="药物使用一次剂量"  align="center" prop="drugDosage"/>
      <el-table-column label="药物使用剂量单位"  align="center" prop="drugUseUnit"/>
      <el-table-column label="总剂量"  align="center" prop="drugIntegraldose"/>
      <el-table-column label="途径"  align="center" prop="drugRoute"/>
      <el-table-column label="用药天数"  align="center" prop="drugDay"/>
      <el-table-column label="执行时间"  align="center" prop="executionTime"/>
      <el-table-column label="开始时间"  align="center" prop="startTime"/>
      <el-table-column label="用药停止时间"  align="center" prop="stopTime"/>
      <el-table-column label="皮试"  align="center" prop="skinTest"/>
      <el-table-column label="医嘱取消时间"  align="center" prop="cancelTime"/>
      <el-table-column label="停止医嘱医师"  align="center" prop="stopDoctor"/>
    </el-table>
  </div>
  <div class="app-container">
    <center><h2>住院体征数据</h2></center>
    <el-table v-loading="loading" :data="mrInPhysicalsigns">
      <el-table-column label="住院科室"  align="center" prop="depaId"/>
      <el-table-column label="入院日期"  align="center" prop="inTime"/>
      <el-table-column label="液体入量"  align="center" prop="infusion"/>
      <el-table-column label="液体总排出量"  align="center" prop="ejection"/>
      <el-table-column label="体重"  align="center" prop="weight"/>
      <el-table-column label="身高"  align="center" prop="height"/>
      <el-table-column label="收缩压"  align="center" prop="sbp"/>
      <el-table-column label="舒张压"  align="center" prop="dbp"/>
      <el-table-column label="心率"  align="center" prop="pulserate"/>
      <el-table-column label="体温"  align="center" prop="temperature"/>
      <el-table-column label="护士姓名"  align="center" prop="nurse"/>
    </el-table>
  </div>
  <div class="app-container">
    <center><h2>实验室检查报告</h2></center>
    <el-table  v-loading="loading" :data="mrInlab">
      <el-table-column  label="病案号" align="center" prop="mrId"/>
      <el-table-column  label="医嘱号" align="center" prop="orderNo"/>
      <el-table-column  label="报告单号" align="center" prop="reportNo"/>
      <el-table-column  label="检查时间" align="center" prop="inspectTime"/>
      <el-table-column  label="检查项目代码" align="center" prop="inspectCode"/>
      <el-table-column  label="检查项目名称" align="center" prop="inspectName"/>
      <el-table-column  label="检验结果" align="center" prop="inspectResult"/>
      <el-table-column  label="检查计量单位" align="center" prop="measurementUnit"/>
      <el-table-column  label="正常值上限" align="center" prop="referenceToplimit"/>
      <el-table-column  label="正常值下限" align="center" prop="referenceLowerlimit"/>
      <el-table-column  label="参考值" align="center" prop="referenceValue"/>
      <el-table-column  label="检查科室" align="center" prop="inspectDepa"/>
      <el-table-column  label="检查人姓名" align="center" prop="rapporteur"/>
      <el-table-column  label="审核人姓名" align="center" prop="checked"/>
    </el-table>
  </div>
  <div class="app-container">
    <center><h2>检查报告</h2></center>
    <el-table v-loading="loading" :data="mrInspection">
      <el-table-column label="病案号" align="center" prop="mrId" width="80px"/>
      <el-table-column label="报告单号" align="center" prop="reportNo" width="80px"/>
      <el-table-column label="检查时间" align="center" prop="inspectTime" width="130px"/>
      <el-table-column label="检查目的" align="center" prop="inspectObjective" width="80px"/>
      <el-table-column label="检查项目名称" align="center" prop="inspectName"/>
      <el-table-column label="检查部位" align="center" prop="inspectPosition"/>
      <el-table-column label="检查方法" align="center" prop="inspectMethod" width="80px"/>
      <el-table-column label="检查结果" align="center" prop="inspectResult"/>
      <el-table-column label="检查人姓名" align="center" prop="rapporteur" width="80px"/>
      <el-table-column label="审核人姓名" align="center" prop="checked" width="80px" />
      <el-table-column label="云浏览链接" align="center" prop="cloudBrowsingURL"/>
    </el-table>
  </div>
</template>

<script setup>
import { MrInData } from "@/api/hospital/ActPatList";
import {useRoute} from "vue-router";
const { proxy } = getCurrentInstance();
const { sys_user_sex, sys_card_type, sys_country, sys_nation, sys_occupation, sys_marriage, sys_in_hospital } = proxy.useDict("sys_user_sex", "sys_card_type", "sys_country", "sys_nation", "sys_occupation", "sys_marriage", "sys_in_hospital");
const { sys_region, sys_guanxi, sys_payment } = proxy.useDict("sys_region", "sys_guanxi", "sys_payment");
const { sys_diag_type } = proxy.useDict("sys_diag_type");
const { sys_abo, sys_rh } = proxy.useDict("sys_abo", "sys_rh");
const route = useRoute()
const data = reactive({
  form:{},
  mrInRecord:{}
});
const mrInBaisc = ref();
const mrInDiagnosss = ref();
const mrInDiagnoss = ref();
const mrInOperations = ref();
const mrInPhysicalsigns = ref();
const mrInOrders = ref();
const mrInlab = ref();
const mrInspection = ref();
const { form, mrInRecord } = toRefs(data);
function getList(){
  form.value = route.query
  MrInData(form.value).then(response =>{
    console.log(response)
    mrInRecord.value = response.data.mrInData.mrInRecord
    mrInBaisc.value = response.data.mrInData.mrInBaisc
    mrInDiagnosss.value = response.data.mrInData.mrInDiagnosss.mrInDiagnossList.sort((a,b) => a.diagOrder - b.diagOrder)
    mrInDiagnoss.value = mrInDiagnosss.value[0]
    // mrInOperations.value = response.data.mrInData.mrInOperations.mrInOperationList
    // mrInPhysicalsigns.value =  response.data.mrInData.mrInPhysicalsigns.mrInPhysicalsignList
    // mrInOrders.value = response.data.mrInData.mrInOrders
    mrInspection.value = response.data.mrInspection
    mrInlab.value = response.data.mrInLab
  })
}
// function getMrInspections(){
//   getMrInspection("mrInspectionsData.xml").then(response =>{
//     // console.log(response)
//     mrInspection.value = response.data
//   })
// }
// function getMrInLabs(){
//   getMrInLab("mrInLabsData.xml").then(response =>{
//     // console.log(response)
//     mrInlab.value = response.data
//   })
// }

getList();
// getMrInspections();
// getMrInLabs();
</script>

<style>
.avatar-uploader .el-upload {
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--el-transition-duration-fast);
}

.avatar-uploader .el-upload:hover {
  border-color: var(--el-color-primary);
}

.el-icon.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 100px;
  height: 100px;
  text-align: center;
}

.avatar{
  width: 100px;
  height: 100px;
}
.a4-paper {
  width: 794px; /* A4纸张宽度 */
  /*height: 1123px; !* A4纸张高度 *!*/
  margin: auto; /* 水平居中 */
  background-color: rgba(255, 255, 255, 0.06); /* 背景色，可根据需要调整 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 可选，添加一些阴影效果 */
  padding: 20px; /* 内边距，根据需要调整 */
  /* 如果需要模拟打印页面的边距，可以进一步设置 */
  position: relative; /* 如果需要定位内部元素 */
  font-size: 6px;
}
.shuru {
  width: 50px;
  font-size: 5px;
  border: none;
  border-bottom: 1px solid #ccc;
}
</style>

